<template>
	<view class="banner">
		<swiper class="screen-swiper square-dot" indicator-dots="true" circular="true" autoplay="true" interval="5000"
		 duration="500">
			<swiper-item v-for="(item,index) in resdata" :key="index">
				<image :src="item.url" mode="aspectFill"></image>
				<!-- <video src="{{item.url}}" autoplay loop muted show-play-btn="{{false}}" controls="{{false}}" objectFit="cover" wx:if="{{item.type=='video'}}"></video> -->
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			resdata: [Array, Object],
		}
	}
</script>

<style lang="scss">
	/* banner */
	.banner {
		padding: 0 25rpx;
		height: 260rpx;
		margin-bottom: 30rpx;
		// margin: -200rpx auto 20rpx;
		border-radius: 10rpx;
		overflow: hidden;

		.screen-swiper {
			height: 100%;
			min-height: 100% !important;

			image {
				height: 260rpx;
				border-radius: 10rpx;
			}
		}
	}
</style>
